<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.springframework.org/schema/jdbc">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <title>教师首页</title>
     <link rel="stylesheet" th:href="@{../css/bootstrap.css}" href="../static/css/bootstrap.css">
    <style>
       .container{
           height: 1000px;
           width: 100%;
            background: rgb(112, 3, 236);
            margin: 0 auto;
           padding:0;
       }
       header{
           height: 60px;
           background: white;
           width: 100%;
           display: flex;
           flex-direction: row;
           line-height: 60px;
       }
       header span{
           margin-left: 50px;
            font-size: 16px;
            vertical-align: center;
       }
       .body_section{
           width: 100%;
           height: 700px;
           background: green;
           display: flex;
           margin: 0 auto;
           padding:0;
       }
       .body_left{
           width: 25%;
           height: 100%;
           background: red;
       }
       .left_div{
           text-align: center
       }
       .left_touxiang{
           border-radius: 50%;
       }
       .left_erweima{
           height:80px ;
           width:80px;
       }
       .left_div ul{
           list-style: none;
           padding: 0;
       }
       .body_right{
           width: 75%;
           height: 100%;
           background: rgb(255, 255, 255);
       }
       footer{
           width: 100%;
           background: green;
           height: 50px;
           margin: 0 auto;
           padding:0;
       }
       footer p{
           margin: 0;
       }
    </style>
</head>
<body class="container">
    <header>
        <span>首页</span>
        <form>
            <input type="text" placeholder="请输入搜索内容">
        </form>
        <div style="margin-left: auto">
                <image  style="height: 20px;width: 20px" src="../static/img/touxiang.jpg" th:src="@{~/img/test.jpg}" ></image>
                <span style="margin: 0" th:text="${user_name}">名字</span>
        </div>
       
    </header>
    <section class="body_section">
        <aside class="body_left">
            <div class="left_div">
                <image class="left_touxiang" src="../static/img/touxiang.jpg">
                </image>
                <p th:text="${user_name}">
                    名字
                </p>    
                <ul>
                    <li>课堂</li>
                    <li>通知</li>
                    <li>专题创作</li>
                    <li>笔记</li>
                    <li>电脑同步云盘</li>
                    <li>调查问卷</li>
                </ul>
                <p>
                    管理应用
                </p>
                <image class="left_erweima" src="../static/img/erweima.png" th:src="@{/img/erweima.png}" >
                       
                </image>
                <p>扫一扫下载应用</p>
            </div>
        </aside>
        <section class="body_right">

        </section>
    </section>
    <footer>
           <p style="text-align: center">Copyright ©	杭州电子科技大学信息工程学院</p>
    </footer>

    <script th:src="@{/js/jquery-3.3.1.js}" src="../static/js/jquery-3.3.1.js"></script>
    <script th:src="@{/js/bootstrap.js}" src="../static/js/bootstrap.js"></script>
</body>
</html>